<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>编辑流程图</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="../lib/bpmn-js/dist/assets/diagram-js.css">
  <link rel="stylesheet" href="../lib/bpmn-js/dist/assets/bpmn-font/css/bpmn.css">
  <link rel="stylesheet" type="text/css" href="../lib/mdui/css/mdui.min.css">
  <link href="../css/main.css" type="text/css" rel="stylesheet">
  <link href="../css/create.css" type="text/css" rel="stylesheet">
</head>
<body class="mdui-theme-primary-indigo mdui-theme-accent-pink">
<div class="mdui-toolbar mdui-color-theme">
  <a href="../index.html" class="mdui-btn mdui-btn-icon"><i class="mdui-icon material-icons">arrow_back</i></a>
  <span class="mdui-typo-title">创建流程图</span>
  <div class="mdui-toolbar-spacer"></div>
  <button class="mdui-btn mdui-ripple" onclick="createDm()">新建</button>
  <button class="mdui-btn mdui-ripple" onclick="openDm()">打开</button>
  <button class="mdui-btn mdui-ripple" onclick="exportDiagram()">下载XML</button>
  <button class="mdui-btn mdui-ripple" onclick="exportSvg()">下载图片</button>
</div>

<div id="canvas" style="height: calc(100% - 64px);"></div>


<div class="mdui-card pros-card">
  <!-- 卡片的内容 -->
  <div class="mdui-card-content">
    <h3 style="margin: 10px 0;">设置属性</h3>
    <div class="mdui-textfield mdui-textfield-floating-label">
      <label class="mdui-textfield-label">ID</label>
      <input class="mdui-textfield-input" type="text"/>
    </div>
    <div class="mdui-textfield mdui-textfield-floating-label">
      <label class="mdui-textfield-label">名称</label>
      <input class="mdui-textfield-input" type="text"/>
    </div>
    <div class="mdui-textfield mdui-textfield-floating-label">
      <label class="mdui-textfield-label">条件</label>
      <input class="mdui-textfield-input" type="text"/>
    </div>
    <div class="mdui-textfield mdui-textfield-floating-label">
      <label class="mdui-textfield-label">审批人</label>
      <input class="mdui-textfield-input" type="text"/>
    </div>
  </div>
  <!-- 卡片的按钮 -->
  <div class="mdui-card-actions">
    <button class="mdui-btn mdui-ripple" id="savePros">保存</button>
  </div>
</div>

<script src="../lib/bpmn-js/dist/bpmn-viewer.development.js"></script>
<script src="../lib/bpmn-js/dist/bpmn-modeler.development.js"></script>
<script src="../lib/bpmn-js/TransactionBoundaries.js"></script>
<script src="../lib/jquery/jquery.js"></script>
<script src="../lib/mdui/js/mdui.min.js"></script>
<script src="../js/palettePro.js"></script>
<script src="../js/create.js"></script>
</body>
</html>
